Component({
  /**
   * 组件的属性列表
   */
  properties: {
    placeholderText: {
      type: String,
      value: '请输入搜索商品'
    },
    inputWidth: {
      type: String,


    },
    ifFouces: {
      type: Boolean,
      value: false
    },
    isDisable: {
      type: Boolean,
      value: false
    },
    //是否需要监听输入框值
    monitorInputValue: {
      type: Boolean,
      value: false
    },
    //是否需要监听input提交事件
    ifSearchSubmit: {
      type: Boolean,
      value: false
    },
    inputValue: {
      type: String
    }
  },
  lifetimes: {
    // 生命周期函数，可以为函数，或一个在methods段中定义的方法名
    created: function (val) {
      // 在组件实例刚刚被创建时执行，注意此时不能调用 setData
      console.log("component created===>创建时执行");
    },
    attached: function (val) {
      // 在组件实例进入页面节点树时执行

    },
  },

  /**
   * 组件的初始数据
   */
  data: {
    emptyStatus: false
  },

  /**
   * 组件的方法列表
   */
  methods: {

    //键盘抬起时触发
    inputBind(e) {

      if (this.data.monitorInputValue) {
        this.triggerEvent('inputValueFunc', e.detail.value)
        this.setData({ emptyStatus: true })
      }

    },
    bindblur() {
      this.triggerEvent('inputBlur', false)
    },

    //获取焦点时触发
    inputFocus(e) {
      // console.log('e', e);
      this.triggerEvent('inputFocus', true)
    },
    bindconfirm(e) {

      if (this.data.ifSearchSubmit) {
        this.triggerEvent('searchInput', e.detail.value)
      }

    },
    // 清空内容
    handlEmpty() {
      this.triggerEvent('inputValueFunc', '')
      this.setData({ emptyStatus: false, inputValue: '' })
    }
  }
})
